<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>逐星科技社 - 规章制度</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#165DFF',
                        secondary: '#69b1ff',
                        dark: '#0f172a',
                        light: '#f8fafc'
                    },
                    fontFamily: {
                        sans: ['Inter', 'system-ui', 'sans-serif'],
                    },
                }
            }
        }
    </script>
    <style type="text/tailwindcss">
        @layer utilities {
            .bg-glass {
                background: rgba(15, 23, 42, 0.7);
                backdrop-filter: blur(10px);
            }
            .section-title {
                @apply text-2xl md:text-3xl font-bold mb-6 relative inline-block;
            }
            .section-title::after {
                content: '';
                @apply absolute left-0 bottom-0 w-1/3 h-1 bg-primary;
            }
            .rule-card {
                @apply bg-gray-800/20 rounded-xl p-6 border border-gray-700 mb-6 transition-all duration-300 hover:border-primary/50;
            }
        }
    </style>
</head>
<body class="bg-dark text-light min-h-screen">
    <!-- 导航栏 -->
    <header class="fixed top-0 left-0 right-0 z-50 bg-glass border-b border-gray-800 transition-all duration-300" id="navbar">
        <div class="container mx-auto px-4 py-3 flex items-center justify-between">
            <div class="flex items-center">
                <img src="images/第一版团标.png" alt="逐星科技社团标" class="w-20 h-15 mr-3">
                <h1 class="text-xl font-bold">逐星科技社</h1>
            </div>

            <!-- 桌面导航 -->
            <nav class="hidden md:flex space-x-8">
                <a href="index.html" class="hover:text-primary transition-colors py-1">首页</a>
                <a href="about.html" class="hover:text-primary transition-colors py-1">关于我们</a>
                <a href="activities.html" class="hover:text-primary transition-colors py-1">社团活动</a>
                <a href="culture.html" class="hover:text-primary transition-colors py-1">社团文化</a>
                <a href="council.html" class="hover:text-primary transition-colors py-1">理事会</a>
                <a href="regulations.html" class="text-primary border-b-2 border-primary py-1">规章制度</a>
                <a href="join.html" class="hover:text-primary transition-colors py-1">加入我们</a>
                <a href="thanks.html" class="hover:text-primary transition-colors py-1">特别感谢</a>
            </nav>

            <!-- 移动端菜单按钮 -->
            <button class="md:hidden text-2xl" id="menuBtn">
                <i class="fa fa-bars"></i>
            </button>
        </div>

        <!-- 移动端导航菜单 -->
        <div class="md:hidden hidden bg-dark border-t border-gray-800" id="mobileMenu">
            <div class="container mx-auto px-4 py-3 flex flex-col space-y-4">
                <a href="index.html" class="hover:text-primary transition-colors py-2">首页</a>
                <a href="about.html" class="hover:text-primary transition-colors py-2">关于我们</a>
                <a href="activities.html" class="hover:text-primary transition-colors py-2">社团活动</a>
                <a href="culture.html" class="hover:text-primary transition-colors py-2">社团文化</a>
                <a href="council.html" class="hover:text-primary transition-colors py-2">理事会</a>
                <a href="regulations.html" class="text-primary py-2">规章制度</a>
                <a href="join.html" class="hover:text-primary transition-colors py-2">加入我们</a>
                <a href="thanks.html" class="text-primary py-2">特别感谢</a>
            </div>
        </div>
    </header>

    <!-- 页面标题 -->
    <section class="pt-32 pb-16 px-4 border-b border-gray-800">
        <div class="container mx-auto max-w-6xl">
            <div class="flex flex-col md:flex-row md:items-end justify-between gap-6">
                <div>
                    <h1 class="text-[clamp(2rem,5vw,3rem)] font-bold mb-4">规章制度</h1>
                    <p class="text-gray-400 max-w-3xl">
                        为规范社团管理，保障社团正常运转，维护成员合法权益，特制定以下规章制度
                    </p>
                </div>
                <div class="flex flex-col gap-3">
                    <a href="images/逐星科技社社团团章修订三版.pdf" download class="inline-flex items-center px-5 py-2 bg-primary hover:bg-primary/80 rounded-lg transition-all w-fit">
                        <i class="fa fa-download mr-2"></i> 社团团章（修订三版）
                    </a>
                    <a href="images/逐星科技社社团管理务例（20241124新修订版）.pdf" download class="inline-flex items-center px-5 py-2 bg-primary hover:bg-primary/80 rounded-lg transition-all w-fit">
                        <i class="fa fa-download mr-2"></i> 管理条例（20241124修订）
                    </a>
                    <a href="images/逐星科技社部门划分条例（20241124新修订版）.pdf" download class="inline-flex items-center px-5 py-2 bg-primary hover:bg-primary/80 rounded-lg transition-all w-fit">
                        <i class="fa fa-download mr-2"></i> 部门划分条例（20241124修订）
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- 规章制度内容 -->
    <section class="py-16 px-4">
        <div class="container mx-auto max-w-4xl">
            <!-- 总纲 -->
            <div class="mb-12">
                <h2 class="section-title">总纲</h2>
                <p class="text-gray-300 mb-6">
                    逐星科技社是在学校领导下，由对科技有浓厚兴趣的学生自愿组成的学术科技类社团。本社团旨在为成员提供科技学习与交流的平台，培养科技创新精神和实践能力。所有成员必须遵守国家法律法规、学校规章制度以及本社团章程。
                </p>
            </div>

            <!-- 成员管理 -->
            <div class="mb-12">
                <h2 class="section-title">成员管理条例</h2>

                <div class="rule-card">
                    <h3 class="text-xl font-semibold mb-3 flex items-center">
                        <i class="fa fa-user-plus text-primary mr-2"></i>
                        入社规定
                    </h3>
                    <ul class="space-y-2 text-gray-300 pl-6 list-disc">
                        <li>新宁一中在校学生，对科技有浓厚兴趣，愿意遵守本社团规章制度者均可申请加入</li>
                        <li>入社需填写申请表，经社团理事会审核通过后正式成为社团成员</li>
                        <li>入社不收取任何费用，但大型活动可能需要分摊部分材料费用</li>
                    </ul>
                </div>

                <div class="rule-card">
                    <h3 class="text-xl font-semibold mb-3 flex items-center">
                        <i class="fa fa-user-times text-primary mr-2"></i>
                        退社规定
                    </h3>
                    <ul class="space-y-2 text-gray-300 pl-6 list-disc">
                        <li>成员因个人原因可申请退社，需提交书面申请，经批准后办理退社手续</li>
                        <li>严重违反社团规章制度，经劝告不改者，理事会有权予以除名</li>
                        <li>连续三次无故不参加社团活动，视为自动退社</li>
                    </ul>
                </div>

                <div class="rule-card">
                    <h3 class="text-xl font-semibold mb-3 flex items-center">
                        <i class="fa fa-star text-primary mr-2"></i>
                        成员权利
                    </h3>
                    <ul class="space-y-2 text-gray-300 pl-6 list-disc">
                        <li>参加社团组织的各项活动和培训的权利</li>
                        <li>对社团工作有知情权、建议权和监督权</li>
                        <li>在社团内部享有选举权和被选举权</li>
                        <li>优先使用社团提供的设备和资源</li>
                        <li>表现优秀者可获得社团表彰和奖励</li>
                    </ul>
                </div>

                <div class="rule-card">
                    <h3 class="text-xl font-semibold mb-3 flex items-center">
                        <i class="fa fa-check-square-o text-primary mr-2"></i>
                        成员义务
                    </h3>
                    <ul class="space-y-2 text-gray-300 pl-6 list-disc">
                        <li>遵守本社团章程和各项规章制度，执行社团决议</li>
                        <li>积极参加社团组织的各项活动，无故不得缺席</li>
                        <li>维护社团声誉和利益，不得以社团名义从事任何违法违纪活动</li>
                        <li>爱护社团公共财物，节约用水用电和耗材</li>
                        <li>积极参与社团建设，为社团发展贡献力量</li>
                    </ul>
                </div>
            </div>

            <!-- 活动管理 -->
            <div class="mb-12">
                <h2 class="section-title">活动管理条例</h2>

                <div class="rule-card">
                    <h3 class="text-xl font-semibold mb-3 flex items-center">
                        <i class="fa fa-calendar text-primary mr-2"></i>
                        活动组织
                    </h3>
                    <ul class="space-y-2 text-gray-300 pl-6 list-disc">
                        <li>社团定期举行例会和技术培训，每月至少组织一次大型活动</li>
                        <li>活动前需提前3天发布通知，明确活动时间、地点、内容和要求</li>
                        <li>大型活动需制定详细方案，报学校相关部门审批后执行</li>
                    </ul>
                </div>

                <div class="rule-card">
                    <h3 class="text-xl font-semibold mb-3 flex items-center">
                        <i class="fa fa-clock-o text-primary mr-2"></i>
                        考勤制度
                    </h3>
                    <ul class="space-y-2 text-gray-300 pl-6 list-disc">
                        <li>社团活动实行签到制度，成员需按时签到</li>
                        <li>因故不能参加活动者，需提前向负责人请假</li>
                        <li>一学期内无故缺席3次或迟到5次者，取消评优资格</li>
                        <li>考勤情况将作为年度优秀社员评选的重要依据</li>
                    </ul>
                </div>
            </div>

            <!-- 器材与财务管理 -->
            <div class="mb-12">
                <h2 class="section-title">器材与财务管理条例</h2>

                <div class="rule-card">
                    <h3 class="text-xl font-semibold mb-3 flex items-center">
                        <i class="fa fa-microchip text-primary mr-2"></i>
                        器材管理
                    </h3>
                    <ul class="space-y-2 text-gray-300 pl-6 list-disc">
                        <li>社团器材为社团公共财产，由专人负责登记和管理</li>
                        <li>使用器材需登记，使用完毕后及时归还，确保完好</li>
                        <li>故意损坏器材者，需按价赔偿；非故意损坏需说明原因</li>
                        <li>社团器材不外借，特殊情况需经社长批准并登记</li>
                    </ul>
                </div>

                <div class="rule-card">
                    <h3 class="text-xl font-semibold mb-3 flex items-center">
                        <i class="fa fa-money text-primary mr-2"></i>
                        财务管理
                    </h3>
                    <ul class="space-y-2 text-gray-300 pl-6 list-disc">
                        <li>社团经费来源包括学校拨款、正当赞助和成员自愿分摊的活动费用</li>
                        <li>经费由专人负责管理，建立账目，定期公示收支情况</li>
                        <li>大额支出需经理事会讨论决定，并有两人以上签字确认</li>
                        <li>所有经费必须用于社团活动，不得挪作他用</li>
                    </ul>
                </div>
            </div>

            <!-- 奖惩制度 -->
            <div>
                <h2 class="section-title">奖惩制度</h2>

                <div class="rule-card">
                    <h3 class="text-xl font-semibold mb-3 flex items-center">
                        <i class="fa fa-trophy text-primary mr-2"></i>
                        奖励措施
                    </h3>
                    <ul class="space-y-2 text-gray-300 pl-6 list-disc">
                        <li>对积极参与社团活动、表现优秀的成员，授予"优秀社员"称号</li>
                        <li>在科技竞赛中取得优异成绩者，社团将给予表彰和奖励</li>
                        <li>为社团发展做出重大贡献者，将颁发荣誉证书</li>
                        <li>优秀成员在升学推荐中，社团可提供相关证明材料</li>
                    </ul>
                </div>

                <div class="rule-card">
                    <h3 class="text-xl font-semibold mb-3 flex items-center">
                        <i class="fa fa-exclamation-triangle text-primary mr-2"></i>
                        处罚措施
                    </h3>
                    <ul class="space-y-2 text-gray-300 pl-6 list-disc">
                        <li>违反社团规章制度者，视情节轻重给予口头警告、内部通报批评</li>
                        <li>严重违反社团规章制度，或给社团造成不良影响者，予以除名</li>
                        <li>盗用社团名义从事违法违纪活动者，将上报学校处理，情节严重者追究法律责任</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- 附则说明 -->
    <section class="py-16 px-4 bg-gray-900/50">
        <div class="container mx-auto max-w-4xl">
            <div class="bg-gray-800/20 rounded-xl p-8 border border-gray-700">
                <h2 class="text-2xl font-bold mb-6">附则</h2>
                <ul class="space-y-4 text-gray-300">
                    <li class="flex items-start">
                        <i class="fa fa-circle text-primary text-xs mt-1.5 mr-3"></i>
                        <span>本规章制度由逐星科技社理事会负责解释</span>
                    </li>
                    <li class="flex items-start">
                        <i class="fa fa-circle text-primary text-xs mt-1.5 mr-3"></i>
                        <span>本规章制度经社团成员代表大会通过后生效</span>
                    </li>
                    <li class="flex items-start">
                        <i class="fa fa-circle text-primary text-xs mt-1.5 mr-3"></i>
                        <span>本规章制度根据实际情况可经理事会讨论后修订</span>
                    </li>
                    <li class="flex items-start">
                        <i class="fa fa-circle text-primary text-xs mt-1.5 mr-3"></i>
                        <span>如有疑问或建议，可向理事会提出，我们将认真听取并研究</span>
                    </li>
                </ul>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="bg-gray-900 border-t border-gray-800 py-12 px-4">
        <div class="container mx-auto max-w-6xl">
            <div class="flex flex-col md:flex-row justify-between mb-10">
                <div class="mb-8 md:mb-0">
                    <div class="flex items-center mb-4">
                        <img src="images/第一版团标.png" alt="逐星科技社团标" class="w-20 h-15 mr-3">
                        <h3 class="text-xl font-bold">逐星科技社</h3>
                    </div>
                    <p class="text-gray-400 max-w-md">
                        探索未知、勇敢创新，逐星科技社致力于为每一位对科学与技术怀有热情的学生提供广阔的学习平台。
                    </p>
                </div>

                <div class="grid grid-cols-2 md:grid-cols-3 gap-8">
                    <div>
                        <h4 class="text-lg font-semibold mb-4">快速链接</h4>
                        <ul class="space-y-2">
                            <li><a href="index.html" class="text-gray-400 hover:text-primary transition-colors">首页</a></li>
                            <li><a href="about.html" class="text-gray-400 hover:text-primary transition-colors">关于我们</a></li>
                            <li><a href="activities.html" class="text-gray-400 hover:text-primary transition-colors">社团活动</a></li>
                            <li><a href="join.html" class="text-gray-400 hover:text-primary transition-colors">加入我们</a></li>
                        </ul>
                    </div>

                    <div>
                        <h4 class="text-lg font-semibold mb-4">资源中心</h4>
                        <ul class="space-y-2">
                            <li><a href="regulations.html" class="text-gray-400 hover:text-primary transition-colors">规章制度</a></li>
                            <li><a href="culture.html" class="text-gray-400 hover:text-primary transition-colors">社团文化</a></li>
                            <li><a href="council.html" class="text-gray-400 hover:text-primary transition-colors">理事会成员</a></li>
                        </ul>
                    </div>

                    <div>
                        <h4 class="text-lg font-semibold mb-4">联系我们</h4>
                        <ul class="space-y-2">
                            <li class="flex items-center">
                                <i class="fa fa-envelope text-primary mr-2"></i>
                                <a href="mailto:zhuxing@example.com" class="text-gray-400 hover:text-primary transition-colors">boluochuixue@outlook.com</a>
                            </li>
                            <li class="flex items-center">
                                <i class="fa fa-qq text-primary mr-2"></i>
                                <span class="text-gray-400">1465153649</span>
                            </li>
                            <li class="flex items-center">

                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="border-t border-gray-800 pt-8 text-center text-gray-500 text-sm">
                <p>© 2024 逐星科技社 版权所有 | 新宁一中逐星科技合作社</p>
            </div>
        </div>
    </footer>

    <script>
        // 移动端菜单切换
        document.getElementById('menuBtn').addEventListener('click', function() {
            const mobileMenu = document.getElementById('mobileMenu');
            mobileMenu.classList.toggle('hidden');
        });

        // 导航栏滚动效果
        window.addEventListener('scroll', function() {
            const navbar = document.getElementById('navbar');
            if (window.scrollY > 50) {
                navbar.classList.add('py-2');
                navbar.classList.remove('py-3');
                navbar.classList.add('shadow-lg');
            } else {
                navbar.classList.add('py-3');
                navbar.classList.remove('py-2');
                navbar.classList.remove('shadow-lg');
            }
        });
    </script>
</body>
</html>